@charset "utf-8";
@import 'reset';
$fontSize:40;
@function r($p) {
    @return $p/$fontSize*1rem;
}
.web{
    width: r(640);
    height: r(800);
}
        header {
            .top {
                ul {
                    width: r(640);
                    height: r(75);
                    border-bottom: 1px solid #A7A7A7;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    li {
                        display: flex;
                        align-items: center;
                        font-size: r(30);
                        color: #343434;
                        a {
                            display: flex;
                            align-items: center;
                            margin: 0 r(29);
                            font-size: r(24);
                            color: #585858;
                            img {
                                height: r(38);
                            }
                        }
                    }
                    .con{
                        margin: 0 auto;
                        transform: translate(-35%);
                    }
                }
            }
            
        }
.conter{
    .h_text{
        width: r(501);
        height: r(67);
        background: #DCDCDC;
        margin:  r(45) auto;
        border-radius: r(6);
        input{
            width: r(400);
            padding-left: r(16);
            font-size: r(21);
            border: none;
            background: transparent;
            border-radius: r(6);
        }
        input::-webkit-input-placeholder{
            color:#8c8c8c;
        }
    }
    .t_text{
        margin:  0 auto;
        width: r(501);
        height: r(335);
        background: #DCDCDC;
        border-radius: r(6);
        textarea{
            width: 100%;
            height: 100%;
            padding: r(16);
            background: #DCDCDC;
            border-radius: r(6);
            border: none;
            resize: none;
            font-size: r(21);
        }
        textarea::-webkit-input-placeholder{
            color:#8c8c8c;
        }
    }
    .btn{
        width: r(501);
        margin:  r(38) auto 0;
        a{
            display: block;
            padding: r(20) r(90);
            text-align: center;
            background: #333333;
            border-radius:r(6);
            color: #fff;
        }
    }
    .choice{
        width: r(501);
        margin:  r(38) auto 0;
        a{
            display: block;
            padding: r(20) r(90);
            text-align: center;
            background:#3498DB;
            border-radius:r(6);
            color: #fff;
        }
    }
}
